<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=TIS-620" />
<title>Rest Easy Hotel</title>
<link rel="stylesheet" href="http://localhost/RestEasyHotel/css/styles.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://localhost/RestEasyHotel/css/jquery-ui-1.8.14.custom.css" type="text/css" media="screen, projection">
<script src="http://localhost/RestEasyHotel/js/jquery-1.6.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://localhost/RestEasyHotel/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
   $(document).ready(function(){
         $('#date').datepicker({
		 	dateFormat: 'yy-mm-dd'
		 });
		 $('#check').click(function(){
		 		$.ajax({
					url: "<?php echo base_url(); ?>index.php/Customer/check_availability",
					type: 'post',
					data: {'check_in_date': $('#date').val(), 'branch' : $('#branch').val(), 'room' : $('#no_rooms').val(), 'night' : $('#no_night').val()},
					success: function(data){
						var rooms = $('#no_rooms').val();
						var night = $('#no_night').val();
						var date = $('#date').val();
						var branch = $('#branch').val();
						if(data){
							window.location="<?php echo base_url(); ?>index.php/Customer/booking_view/"+date+"/"+night+"/"+branch+"/"+rooms;
						}else{
							alert("Sorry, Rooms are full !");
						}
					}
				});
		 });

   });
</script>
</head>
<body>
	
    <div id="container"><!--start #container-->
    
   		<div id="navigation"><!--start #navigation-->
        <ul>
        <li><a href="index.html">home</a></li>
        <li><a href="#">accommodation</a></li>
        <li><a href="#">facilities</a></li>
        <li><a href="#">contact us</a></li>
        
        <li>
        <form action="" class="form" method="get">
        
        <div id="search-left">
        </div>
        
        <input type="text" class="search-field" value="Search" size="25" />
        
        <div id="search-right">
        </div>
        
        <input name="submit" type="image" src="http://localhost/RestEasyHotel/images/search_btn.png" class="searc-btn" value="GO!"/>
        
        </form>
        
        </li>
        
        </ul>
        </div><!-- end #navigation-->
        
        <div id="title"><!--start #title-->
        </div><!--end #title-->
        
        <div id="featured"><!--start #featured (featured area)-->
        
        	<div class="featured-image"><!--start .featured-image-->
            	 <form action="<?php echo base_url(); ?>index.php/Customer/check_availability" method="post">
        <table border="0" style="border-collapse: collapse;">
        	<tr>
            	<td width="50%" style="padding-left:15px;">
            		<font color="#900"><h3>Online Reservation</h3></font>
                </td>
                <td width="50%">&nbsp;</td>
            </tr>
            <tr>
            	<td width="50%">&nbsp;</td>
                <td width="50%">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2" style="padding-left:15px;">
                    <select id="branch">
                        <option value="none">-----------------------------Select Branch---------------------------</option>
                        <option value="1">B1</option>
                        <option value="2">B2</option>
                        <option value="3">B3</option>
                    </select>
            	</td>
            </tr>
            <tr>
            	<td width="50%" style="padding-left:15px; padding-top:15px;">
            		<font color="#666" style="font-family:Verdana, Geneva, sans-serif; font-size:18px; text-align:justify;">Check-in:</font> <input type="text" id="date" name="check_in_date" size="25" readonly="true"/>
                </td>
                <td width="50%" style="padding-left:15px; padding-right:15px;  padding-top:15px;">
                	<font color="#666" style="font-family:Verdana, Geneva, sans-serif; font-size:18px; text-align:justify;">Number of Nights:</font> 
                    <select id="no_night">
                    	<?php
						for($i=1;$i<=31;$i++){
						?>
                        	<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                        <?php
						}
						?>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="2" width="50%" style="padding-left:15px; padding-right:15px;  padding-top:15px;">
                	<font color="#666" style="font-family:Verdana, Geneva, sans-serif; font-size:18px; text-align:justify;">Number of rooms: </font>
                    <select id="no_rooms">
                    	<?php
						for($i=1;$i<=20;$i++){
						?>
                        	<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                        <?php
						}
						?>
                    </select>
                </td>
            </tr>
            <tr>
                <td width="50%">&nbsp;</td>
                <td width="50%" align="right">
            		<img id="check" src="http://localhost/RestEasyHotel/images/check_availability.png" style="background-color:#f1f1f1; border-color:#f1f1f1;"/>
                </td>
            </tr>
        </table>
    </form>
            </div><!--end .featured-image--> 
            
            <div class="featured-text"><!--start .featured-text-->
            	<h3>Welcome to RestEasy Hotel</h3>
                	<p>You will enjoy a pleasant and friendly service, which will make you feel <b>"at home"</b> all the way through your stay at RestEasy Hotel.</p>
            </div><!--end .featured-text-->
            
   
        </div><!-- end #featured-->
        
        
        <div id="content"><!--start #content-->
        
        	 <div id="left-content"><!--start #left-content-->
        
        <!-------------------BOX1 Start-------------------->
        
                    <div class="left-top"><!--start #left-top-->
                    
                    </div><!--end .left-content-->
                    
                    
                    <div class="left-middle"><!--start .left-middle-->
                    	<ul>
                        	<li class="icon1">
							<p><b>RestEasy Restaurant & Bar</b></br>Casual dining in a youthful but elegant atmosphere, with fine food, wines and cocktails served by friendly, discreet staff. Definitely the place to be seen!</p>
                            </li>
                        </ul>
                    
                    </div><!--end .left-middle-->
                    
                    
                    <div class="left-buttom"><!--start .left-buttom-->
                    
                    </div><!--end .left-buttom-->
            
        <!-------------------BOX1 End-------------------->
        
        <!-------------------BOX2 Start-------------------->
        
                    <div class="left-top"><!--start #left-top-->
                    
                    </div><!--end .left-content-->
                    
                    
                    <div class="left-middle"><!--start .left-middle-->
                    	<ul>
                        	<li class="icon2">
							<p><b>Free Wi-Fi Internet</b></br>RestEasy Hotel provides Wi-Fi high speed Internet which is available in all rooms for all guests. </p>
                            </li>
                        </ul>
                    </div><!--end .left-middle-->
                    
                    
                    <div class="left-buttom"><!--start .left-buttom-->
                    
                    </div><!--end .left-buttom-->
            
        <!-------------------BOX2 End-------------------->
        
        <!-------------------BOX3 Start-------------------->
        
                    <div class="left-top"><!--start #left-top-->
                    
                    </div><!--end .left-content-->
                    
                    
                    <div class="left-middle"><!--start .left-middle-->
                    	<ul>
                        	<li class="icon3">
							<p><b>Let's join Jazz Music</b></br>The warm sound of jazz music also creates positive vibes in the mind of the listeners. You will enjoy with us at RestEasy Hotel.</p>
                            </li>
                        </ul>
                    </div><!--end .left-middle-->
                    
                    
                    <div class="left-buttom"><!--start .left-buttom-->
                    
                    </div><!--end .left-buttom-->
            
        <!-------------------BOX3 End-------------------->
        
        	</div><!--end #left-content-->
            
            	 <div id="right-content"><!--start #right-content-->
        
        <!-------------------BOX Start-------------------->
        
                    <div class="right-top"><!--start #right-top-->
                    
                    </div><!--end .right-content-->
                    
                    
                    <div class="right-middle"><!--start .right-middle-->
                    	<h3>Be My Guest</h3>
                        <p>RestEasy Hotel is one of leading 5 star hotels, situated in the heart of the city and has 20 hotels chains throuhgout the country. The hotel's location is unique. Surrounded by some of the best retail and entertainment facilities.
We offer 3 modern and stylistically different rooms. Each room is designed to match your different moods and purposes. Whether you are here for pleasure or here on business, you will sure to find a room that completes your trip.</p><br/>
						<div class="feature_rightButtom">
                        	<img src="http://localhost/RestEasyHotel/images/feature_bt.jpg"/>
                        </div>
                      
                   
                    </div><!--end .right-middle-->
                    
                    
                    <div class="right-buttom"><!--start .right-buttom-->
                    
                    </div><!--end .right-buttom-->
            
        <!-------------------BOX End-------------------->
        
        
            
        </div><!-- end #content-->
        
        
        </div><!-- end #container-->

			
            
            <div id="footer"><!--start #footer-->
        		<p>Copyright &copy; resteasyhotel.com| All Right Reserverd- Design By JASOND</p>
      	    </div><!--end #footer-->


</body>
</html>
